<%-- 
    Document   : index
    Created on : 26/10/2012, 06:36:28 PM
    Author     : alulab
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Baticueva Virtual</title>
        <meta name="description" content="website description" />
        <meta name="keywords" content="website keywords, website keywords" />
        <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style.css" />
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <!-- modernizr habilita contenido HTML5 -->
        <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
    </head>

    <body style="background-image: url(images/fondo.jpg)">
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <div id="main">
            <header>
                <div id="logo">
                    <div id="logo_text">
                        <!-- class="logo_six", PERMITE MODIFICAR Y CAMBIAR EL TIPO DE EL TITULO PRINCIPAL -->
                        <h1><a href="index.html">Bienvenidos a la Baticueva Virtual<span class="logo_six"></span></a></h1>
                        <h2>Busca y Descarga practicas y examenes</h2>
                    </div>
                </div>
                <nav>
                    <div id="menu_container">
                        <ul class="sf-menu" id="nav">
                            <li><a href="index.html">Inicio</a></li>
                            <li><a href="examples.html">Quienes Somos</a></li>
                            <li><a href="contact.php">Contactanos</a></li>
                        </ul>
                    </div>
                </nav>
            </header>

            <div id="site_content">

                <!-- ingreso de la tabla para la pagina principal -->
                <div id="content1">
                    <div class="content2">

                        <table style="text-align: right;" border="0">
                            <tbody>
                                <tr>
                                    <td style="width: 300px;">&nbsp;</td>
                                    <td style="width: 130px;"><button class="btn btn-primary" type="submit" name="buscar">Descargar</button></td>
                                    <td style="width: 130px;"><button class="btn btn-success" type="submit" name="regresar">Regresar</button></td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="content2" style="padding-top: 0px;">

                            
                            <div class="row-fluid">
                                <div class="span6" ><h4><i class="icon-book"></i> Probabilidades/PC1/Nota: 20</h4></div>

                            </div>
                            <div class="row-fluid">
                                <div class="span6">Subido por: Daniel el 21-12-2012</div>

                            </div>
                            <div class="row-fluid">
                                <div class="span6"><h5>21 Descargas / 13 Votos / 2 Comentarios</h5></div>

                            </div>
                            <div class="span6"><h4>Comentarios: </h4></div><br><br>
                            
                            <div class="span6"> 
                                <div class="well">
                                <a href="Miriam">Miriam: </a><br>
                                Muy buena practica, me sirvio un monton! =)
                                </div>
                                
                                <div class="well">
                                <a href="Miario">Mario: </a><br>
                                Buena Miriam, pasame tu fono! como es!
                                </div>
                            </div>
                            
                                    
                           
                        </div>

                    </div>
                </div>





            </div>
            <footer>
                <p>Copyright &copy; Telecom | <a href="http://www.pucp.edu.pe">grupo de telecomunicaciones OpenSource</a></p>
            </footer>
        </div>
        <p>&nbsp;</p>
        <!-- javascript at the bottom for fast page loading -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
        <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('ul.sf-menu').sooperfish();
            });
        </script>
    </body>
</html>